<!DOCTYPE html>
<html lang="zh-CN">
<head>
	<meta charset="UTF-8">
	<meta name="apple-mobile-web-app-capable" content="yes">
	<meta name="viewport" content="width=device-width, initial-scale=1.0,minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
	<meta name="apple-mobile-web-app-status-bar-style" content="black">
	<meta name="format-detection" content="telephone=no">
	<meta name="description" content="">
    <meta name="author" content="">    
	<meta name="keywords" content="玩精灵,财经智库">	
	<link rel="stylesheet" type="text/css" href="css/lqcss.css">
	<link rel="stylesheet" type="text/css" href="css/lqpublic.css">
	<script type="text/javascript" src="js/jquery-1.11.0.min.js"></script>
	<script type="text/javascript" src="js/jquerysession.js"></script>	
	<script type="text/javascript" src="js/lqjs.js"></script>	
	<title>玩精灵后台</title>	
</head>

	<body>
		<div class="container">
		<!-- 头部 -->
				<div id="header">
					<div class="header">
						<div class="logo">
							<img class="logoimg" src="images/icologo@3x.png" alt="玩精灵">
							<h2 class="logotext">玩精灵</h2>
						</div>
						<h2 class="biaoyu">欢迎登录后台管理系统</h2>
						<div class="userdiv">
							<div class="userde">
								<img class="userimg" src="images/icologo@3x.png" />
								<span class="username">Admin</span>
								<i class="icoup"></i>
							</div>
							<!-- 账户信息 -->
							<div id="userdetils">
								<p class="usertext"><i class="userico"></i>账户:18989876567</p>
								<a class="userbtn originbtn">退出登录</a>
							</div>
						</div>
					</div>
				</div>

				<!-- 内容 -->
				<div id="main">
		<!-- 主体部分 -->
			<!-- <div class="containermain"> -->
					<!-- 左侧导航 -->
						<div id="leftnav">
							<ul class="leftnav">
								<li class="navli">
									<a id="nav04"><i class="ico"></i><span>用户管理</span></a>
									<ul>	
										<li id="nav04_12"><a>家长管理</a></li>									
										<li id="nav04_13"><a>孩子管理</a></li>
										<!-- <li id="nav04_16"><a>评论回复</a></li> -->

									</ul>
								</li>
								<li class="navli">
									<a id="nav08"><i class="ico"></i><span>内容管理</span></a>
									<ul>										
										<li id="nav08_04"><a>音频管理</a></li>
										<li id="nav08_05"><a>视频管理 </a></li>
										<li id="nav08_06"><a>图片管理</a></li>
									</ul>
								</li>
								<li class="navli select" id="nav08_02">
									<a><i class="ico"></i><span>话题管理</span></a>
								</li>
								<li class="navli" id="nav08_03">
									<a><i class="ico"></i><span>公众号文章管理</span></a>
								</li>
							</ul>
						</div>
						<!-- 右侧内容 -->
						<div id="rightcontent">
							<div class="rightcontent">
								<!-- 页面导航 -->
								<div class="righttopnav">
									<a class="index">首页></a><a>话题内容管理</a>
								</div>
								<!-- 操作区 -->
								<div class="caozuodiv">
									<!-- <input class="searchinpu" type="text" name="" placeholder="用户名">
									<a class="originborbtn usersear">查询</a> -->
									<a class="originbtn adduser">+新增</a>
								</div>

								<!-- 数据table -->
								<div class="contenttable">
									
									<table id="table01" class="table01">
										<!-- <colgroup>
										 <col class="item-list-col0">
										 <col class="item-list-col1">
										 <col class="item-list-col2">
										 <col class="item-list-col3">
										 <col class="item-list-col4">
										 <col class="item-list-col5">
										 <col class="item-list-col6">
										 </colgroup>
										<tr>

											<th>图片</th>
											<th>标题</th>
											<th>地址</th>
											<th>状态</th>
											<th>创建时间</th>
											<th>操作</th>
										</tr>
										<tr>
											<td><img src="../images/111.png"></td>
											<td>五一活动</td>
											<td>http://www.caijingwulin.com/index.html</td>
											<td>已启用</td>	
											<td>2018-03-29</td>
											<td><a class="tab_editor"></a><a class="tab_del"></a></td>
										</tr>									
										<tr>
											<td><img src=""></td>
											<td>五一活动</td>
											<td>http://www.caijingwulin.com/index.html</td>
											<td>已启用</td>	
											<td>2018-03-29</td>
											<td><a class="tab_editor"></a><a class="tab_del"></a></td>
										</tr> -->
									</table>
								</div>

								<!-- 翻页 -->
								<div class="pages">
									<!-- <a class="pre"><</a>
									<ul class="pagesul">
										<li class="pagesnum thispage">1</li>
										<li class="pagesnum">总共3页</li>
									</ul>
									<a class="next">></a>
 -->
								</div>
							</div>
						
						<!-- 用户编辑框 -->
						<div class="zhezhaodiv"></div>
					
			</div>
			
		</div>
<script type="text/javascript" src="js/jquery-1.11.0.min.js"></script> 
<script type="text/javascript" src="js/jquerysession.js"></script>
<script type="text/javascript">
// window.onload=function(){	
$(".navli").click(function(){
	$(this).addClass(' select').siblings().removeClass(' select');		
	$(this).children('ul').show('fast');
	$(this).siblings().children('ul').hide('fast');
});
$(".navli ul li").click(function(){
	$(this).addClass(' select').siblings().removeClass(' select');		
});
// //用户管理
$("#nav04").click(function(){
	 window.location.href="index.html"; 
});
//内容管理
$("#nav08").click(function(){
	$("#rightcontent").load("content2/contmar.html");
});
//话题内容管理
$("#nav08_02").click(function(){
	window.location.href="log2.html"; 
	// $("#rightcontent").load("log2.html");
});
//公众号文章管理
$("#nav08_03").click(function(){ 
	$("#rightcontent").load("content2/contentmar.html");
});
//语音管理
$("#nav08_04").click(function(){
	$("#rightcontent").load("content2/voicemar.html");
});

//视频管理
$("#nav08_05").click(function(){
	$("#rightcontent").load("content2/videomar.html");
});
//图片管理
$("#nav08_06").click(function(){
	$("#rightcontent").load("content2/picmar.html");
});
// 评论管理
$("#nav04_14").click(function() {
	$("#rightcontent").load("comment/comment.html");
})
 $(document).ready(function() {  
        // val()无参数是取值，有参数是设置  
        // 为了更好的兼容性，将下面的val()设置与input中的placeholder的值设置相同  
        $("input.searchinpu").val("请输入完整用户名");  
        textFill($('input.searchinpu'));  
    }); 
var urank = $.session.get("rank");
console.log("banner管理");
	$(".navli").click(function(){
		$(this).addClass('select').siblings().removeClass('select');					
	});
	
//添加新数据
$(".adduser").click(function(){
	console.log("新增banner");
		window.location.href='log/lognew2.html';
});


//返回
$(".backbtn").click(function(){
	if(ison){
		if(ison){
		ison = false;
		zhezhao(ison);
	}else{
		ison = true;
		zhezhao(ison);
	}
	}
});
//确认
var sid = '';//用户存储用户id
$(".adduserbtn").click(function(){
	console.log('确认');
	if(ison){
		if(ison){
		ison = false;
		zhezhao(ison);
		}else{
			ison = true;
			zhezhao(ison);
		}
	}
	
		console.log(sid);
		$.ajax({
			type: "get",
			url: url+"account/edit",
			data:{
				'sid': sid
			},
			success: function(data){
				console.log(data);
				var useredit = data.data.account;
				if (data.code=='2000') {
					$("#loginName").val(useredit.name);
					$("#phone").val(useredit.mobile);
					$("input[name='abc']:checked").val("Y");

				}else{
					console.log('系统错误');
				}
			}
		})

		if(ison){
			ison = false;
			zhezhao(ison);
		}else{
			ison = true;
			zhezhao(ison);
		}
							

});

$(".usersear").click(function(){
	usersear();
});

//用户搜索
function usersear(){	
	var searchinpu = String($(".searchinpu").val());
	console.log($(".searchinpu").val());
	console.log(searchinpu);
	if(searchinpu.length!=0){
			$.ajax({
		type: "get",
		url: url+"account/showByName",
		data:{
			'name': searchinpu
		},
		success: function(data){
			if(data.code == '2000'){
				var userlist = data.data;//用户列表数据
				var userhtml = '<colgroup>'
										 +'<col class="item-list-col0">'
										 +'<col class="item-list-col1">'
										 +'<col class="item-list-col2">'
										 +'<col class="item-list-col3">'
										 +'<col class="item-list-col4">'
										 +'<col class="item-list-col5">'
										 +'<col class="item-list-col6">'
										 +'</colgroup>'
										+'<tr>'
											+'<th>姓名</th>'
											+'<th>图片</th>'
											+'<th>标题</th>'
											+'<th>地址</th>'
											+'<th>状态</th>'
											+'<th>创建时间</th>'
											+'<th>操作</th>'
										+'</tr>';
							for(var i in userlist){
								var usertime = timeStamp2String(parseInt(userlist.createdDatetime));
								var usid = userlist.sid;
								//创建时间
								id = 0; //序号归零 
								id++;
								
								userhtml += '<tr>'+
											'<td></td>'+
											'<td>'+userlist.name+'</td>'+
											'<td>手机号</td>'+
											'<td>'+userlist.mobile+'</td>'+	
											'<td>启用</td>'+
											'<td>'+usertime+'</td>'+
											'<td><a class="tab_editor" sid="'+usid+'"></a><a class="tab_del" sid="'+usid+'"></a></td>'+
											'</tr>';
											
							}
							$("#table01").html('');
							$("#table01").append(userhtml);
							console.log('数据成功加载');
			}else{

			}
			
		}
	})
	}else{
		alert("请完整输入用户名");
	}

}

				// banner列表数据
				var id = 0;//序号
				var newpage = 0; //当前页面
				var newtiao = 0; //当前第几条
				var pagesize = 10; //每页条数
				userinfo(newtiao);
				function userinfo(newtiao){
					console.log('话题内容列表');
				$.ajax({
					type: "get",
					url: url+"topic/listByPage",
					data:{
						'start': newtiao,
						'pageSize': pagesize,
					},
					success: function(data){
						console.log('话题内容列表');

						if(data.code=='2000'){
							var userlist = data.data.dataList;//用户列表数据
							// var pageable = data.data.pageable; //用户翻页
							// var totalElements = data.data.totalElements; //总条数
							var pageNumber = newpage;//当前第几页
							var allnum = data.data.totalRowNumber;//总条数
							var totalPages = Math.ceil(allnum/pagesize);//向上取整，取总页码 //总页数
							console.log('总页数'+totalPages);
							var userhtml = '<colgroup>'
										 +'<col class="item-list-col0">'
										 // +'<col class="item-list-col1">'
										 // +'<col class="item-list-col2">'
										 // +'<col class="item-list-col3">'
										 +'<col class="item-list-col4">'
										 +'<col class="item-list-col5">'
										 // +'<col class="item-list-col6">'
										 +'</colgroup>'
										+'<tr>'
											+'<th>话题标题</th>'
											// +'<th>状态</th>'
											+'<th>创建时间</th>'
											+'<th>操作</th>'
										+'</tr>';
							for(var i in userlist){
								var usertime = userlist[i].createdDatetime;
								var usid = userlist[i].sid;
								id++;	
								userhtml += '<tr>'+
											// '<td><img src="'+userlist[i].avatar+'"></td>'+//头像
											'<td>'+userlist[i].title+'</td>'+//话题标题
											// '<td>'+userlist[i].sex+'</td>'+//状态
											// '<td>'+id+'</td>'+//总积分
											// '<td>'+userlist[i].birthday+'</td>'+//生日
											'<td>'+userlist[i].createdDatetime+'</td>'+//创建时间
											'<td><a class="tab_del" sid="'+usid+'"></a></td>'+
											'</tr>';
											//<a class="tab_editor" artsid="'+usid+'" sid="'+usid+'"></a>
											
							}
							$("#table01").html('');
							$("#table01").append(userhtml);
							console.log('数据成功加载');


							// 删除事件
							$(".tab_del").click(function(){
								console.log(typeof $(this).attr('sid'));
								// console.log(firm());
								// firm()
								if (firm()) {
									//用户点击了true，确定删除
									console.log('确认删除');
									$.ajax({
									type: "post",
									url: url+"account/removeDelete",
									data:{
										'authorSid': $(this).attr('sid'),//作者sid
									},
									success: function(data){
											console.log(data);
											if (data.code == '2000') {
												alert('删除成功');
												id=id-10;
												userinfo(newtiao);
											}else{
												console.log('删除失败');
											}
										}
									});
								}else{
									console.log('取消操作');
								}
								
							});

							//翻页
							var pagehtml='';
							var now = parseInt(newpage)+1;
							pagehtml = '<a class="pre"><</a>'
									+'<ul class="pagesul">'
										+'<li class="pagesnum thispage">'+now+'</li>'
										+'<li class="pagesnum">总共'+totalPages+'页</li>'
										+'<li class="pagesnum"><input class="pageinp" id="yema" type="tel" oninput="checkNum(this.value)"  placeholder="输入页码" value=""/></li>'
										+'<li class="pagesnum thispage tiaoz">跳转</li>'
									+'</ul>'
									+'<a class="next">></a>';
							$(".pages").html(pagehtml);

							//跳转页码
							$(".tiaoz").click(function(){
								var thispage = parseInt($(".pageinp").val()); //输入跳转的页码
								
								// newpage = parseInt(thispage-1);
								console.log('跳转页面的真实页码'+(thispage*pagesize));//跳转的条数
								//输入页码不为空
								if(thispage.length!=0 && !isNaN(thispage)){
									console.log("当前输入页面"+thispage);
									if(totalPages+1>thispage>0){
										if(newpage-1 == thispage){
											//如果是跳转当前页面,则不跳转，不刷新页面
											console.log('跳转当前页面');
											return false;
										}
										else{
											newpage =thispage-1;//当前页码减一
											if (newpage == 0) {
												//第一页
											id = (thispage-1)*pagesize;//跳转页面id起始
											
											userinfo(newpage*pagesize);
											}else{
												//跳转到输入页面
											id = (thispage-1)*pagesize;//跳转页面id起始
											
											userinfo(newpage*pagesize+1);
											}
											
										}										
									}else{
										alert('请输入准确页码');
										$(".pageinp").val('');//清空搜索框
									}
									
								}
								
							});
							//上一页
							$(".pre").click(function(){
								console.log(newpage);
								if(newpage>0){
									//当前页面需要大于0 ，小于总页数
									//如果当前条数少于每页条数时，即最后一页
									console.log('userlist.length'+userlist.length);
									if(userlist.length<pagesize){
										id = id-userlist.length-pagesize;
										console.log('id==' +id);
										userinfo(newtiao-pagesize);
										newpage--;
									}else if(userlist.length==pagesize){
										id = id - pagesize*2;
										console.log('不多id==' +id);
										userinfo(newtiao-pagesize);
										newpage--;
									}
								}else{
									alert('没有上一页了');
								}								
							})
							//下一页
							$(".next").click(function(){
								console.log(typeof newpage);
								if(totalPages-1>newpage){
									//当前页面需要小于总条数
									userinfo(newtiao+pagesize);
									newpage++;
								}else{
									alert('没有下一页了');
								}
							})
							// 	//状态
							// 	if( userlist[i].sortBy=='1' ){
							// 		zhuangt ='已启用';
							// 	}else if( userlist[i].sortBy == '2' ){
							// 		zhuangt ='未启用';	
							// 	}else{
							// 		zhuangt = '不明';
							// 	}
							// 	//创建时间								
							// 	// id++;	
							// 	userhtml += '<tr>'+
							// 	            '<td>'+username+'</td>'+
							// 				// '<td><img src="'+userlist[i].imageUrl+'"></td>'+
							// 				'<td>'+userlist[i].title+'</td>'+
							// 				// '<td>'+userlist[i].articleSid+'</td>'+											
											
							// 				'<td>'+timeStamp2String(userlist[i].createdDatetime)+'</td>'+
							// 				'<td><a class="tab_editor" artsid="'+userlist[i].articleSid+'" sid="'+usid+'"></a><a class="tab_del" sid="'+usid+'"></a></td>'+
							// 				'</tr>';
											
							// }
							// $("#table01").html('');
							// $("#table01").append(userhtml);
							// console.log('数据成功加载');

							//编辑banner信息
							$(".tab_editor").click(function(){
								// window.location.href='marketingmar/editorbanner.html?artilcesid='+$(this).attr('artsid')+'&bannersid='+$(this).attr('sid');
								window.location.href='log/logend2.html?bannersid='+$(this).attr('sid');
							});

							// 删除事件
							$(".tab_del").click(function(){
								console.log(typeof $(this).attr('sid'));
								$.ajax({
									type: "post",
									url: url+"topic/removeTopic",
									data:{
										'topicSid': $(this).attr('sid'),
									},
									success: function(data){
										if (data.code == '2000') {
											alert('删除成功');
											userinfo(newpage);
										}else{
											console.log('删除失败');
										}
									}
								});
							});
							//遮罩层弹窗							
							zhezhao(ison);

						}else{
							console.log('系统错误');
						}
						
					}
				});
		}
		
</script>
</body>
	</html>